<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<link rel="stylesheet" type="text/css" href="../css/aui.css" />
		<style>
			body {
				
			}
			.clearfix{
	    		clear:both;
	    	}
	    	
	    	.aui-chat .myself .aui-chat-content {
			    background-color: #ffffff;
			    float: left;
			    left: 0.5rem;
			}
			
			.aui-chat .myself .aui-chat-arrow {
			    background-image: -webkit-linear-gradient(45deg, #ffffff, #ffffff 50%, transparent 50%);
			    background-image: linear-gradient(45deg,#ffffff, #ffffff 50%, transparent 50%);
			    -webkit-transform: rotate(45deg);
			    transform: rotate(45deg);
			    left: -0.25rem;
			}
			.msg-icon-mic-l3 {
	  			background: url('../res/room/audio3_l.png') no-repeat 0px 0px;
	  			background-size: contain;
			}
			.msg-icon-mic-l2 {
				background: url('../res/room/audio2_l.png') no-repeat 0px 0px;
				background-size: contain;
			}
			.msg-icon-mic-l1 {
				background: url('../res/room/audio1_l.png') no-repeat 0px 0px;
				background-size: contain;
			}
			.unread {
				background-color:red;
				right: 0;
				top: 0;
				width:0.4rem;
				height:0.4rem;
				position:absolute;
				margin-right:-1rem;
				border-radius: 50%;
			}	
		</style>
	</head>
	<body>
		<div class="aui-chat" id="msg-list">
			<!--<div class="aui-chat-header">2016年7月13日</div>
			<div class="aui-chat-item aui-chat-left myself">
	            <div class="aui-chat-media">
	                <img src="../image/demo2.png">
	            </div>
	            <div class="aui-chat-inner">
	                <div class="aui-chat-name">AUI <span class="aui-label aui-label-warning">2.0</span></div>
	                <div class="aui-chat-content">
	                    <div class="aui-chat-arrow"></div>
	                    Hello AUI 2.0!
	                </div>
	                <div class="aui-chat-status aui-chat-status-refresh">
	                    <i class="aui-iconfont aui-text-warning">撤回</i>
	                </div>
	            </div>
	        </div>
	        <div class="aui-chat-header">2016年7月13日</div>-->
			<div class="clearfix" id="clearfix"></div>
		</div>
	</body>
	<script type="text/javascript" src="../script/api.js"></script>
	<script type="text/javascript" src="../script/api-extends-app.js"></script>
	<script type="text/javascript" id="appinit" data-baseurl="../script" src="../script/libs/require.js"></script>
	<script type="text/javascript">
		apiready = function() {
			appinit();
			api.parseTapmode();
		};
	</script>
</html>